<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串的操作</title>
</head>
<body>
    <script>
        //有关字符串操作的方法：
        //1.转换字符串中字母的大小写
        var str1 = "html";
        var upperStr = str1.toUpperCase();
        console.log(upperStr);

        var str2 = "JavaScript";
        var lowerStr = str2.toLowerCase();
        console.log(lowerStr);

        //2.charAt(index):获取字符串中指定位置的字符。
        var str3 = "hello world!我喜欢html5！"
        var char = str3.charAt(12);
        console.log(char);
        //charCodeAt():获取字符串中指定位置的字符 的unicode编码。
        console.log(str3.charCodeAt(12)); 

        //3.获取子串
        //substr(para1,para2)
        //para1:起始的索引值； para2：截取的长度
        var subStr = str3.substr(0,5);
        console.log(subStr);

        //substring(para1,para2) 包含开头，不包含结尾。
        //para1:起始的索引值；para2:结束的索引值
        console.log(str3.substring(6,11));

        //同样，切片操作也适用于字符串。
        console.log(str3.slice(6,11));

        //4.字符串的替换
        //replace(para1,para2)
        //para1: 旧的子串； para2：新的子串。
        var str4 = '我喜欢看书';
        console.log(str4.replace('喜欢','讨厌'));

        //5.includes():判断一个字符串中是否包含某个子串。
        console.log(str4.includes("你"));

        //6.startsWith(),endsWith():判断字符串 以...开头/结尾。
        console.log(str4.startsWith("我喜欢"));
        console.log(str4.endsWith("书"));

        //7.split()：根据指定 的字符，拆分字符串，并返回一个数组。
        var str5 = "苹果\\香蕉\\橘子\\草莓\\芒果"
        var strArr = str5.split("\\"); //用'\\'表示 反斜杠"\",
        console.log(strArr);

        //转义符
        //var string = "我喜欢\"html5\""

        //8.合并字符串
        var str6 = 'I';
        var str7 = 'like';
        var str8 = 'apple';
        var str9 = ' ';
        console.log(str6.concat(str9,str7,str9,str8));

        //9.查看字符串的长度
        var str10 = '呵呵  \'哈哈\'';
        console.log(str10.length); //8

        






    </script>
</body>
</html>